<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>账号注册</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="renderer" content="webkit">
		<link rel="shortcut icon" href="favicon.ico">
		<link rel="stylesheet" href="./css/注册.css" />
		<!-- <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.3/css/bootstrap.min.css" rel="stylesheet"> -->
	</head>
	<body>
		  <div class="alert info-box">
		    操作结果
		  </div>
		<div class="max">
			由于技术限制，请勿输入真实信息(如手机号，身份证号，相关密码)，防止信息泄露！！
		</div>
		 <div class="xtx-wrapper">
		    <div class="container">
		      <!-- 卡片 -->
		      <div class="xtx-card">
		        <h3>新用户注册</h3>
		        <form class="xtx-form">
		          <div data-prop="username" class="xtx-form-item">
		            <span class="iconfont icon-zhanghao"></span>
					<span class="left_image">账号 ：</span>
		            <input  name="username" type="text" placeholder="设置用户名称">
		            <span class="msg"></span>
		          </div>
		          <div data-prop="phone" class="xtx-form-item">
		            <span class="iconfont icon-shouji"></span>
					<span class="left_image">手机号 ：</span>
		            <input  name="phone" type="text" placeholder="输入手机号码  ">
		            <span class="msg"></span>
		          </div>
		          <div data-prop="code" class="xtx-form-item">
		            <span class="iconfont icon-zhibiaozhushibiaozhu"></span>
					<span class="left_image">验证码 ：</span>
		            <input  name="code" type="text" placeholder="短信验证码">
		            <span class="msg"></span>
		            <a class="code" href="javascript:;">获取验证码</a>
		          </div>
		          <div data-prop="password" class="xtx-form-item">
		            <span class="iconfont icon-suo"></span>
					<span class="left_image">设置密码 ：</span>
		            <input  name="password" type="password" placeholder="设置6至20位字母、数字和符号组合">
		            <span class="msg"></span>
		          </div>
		          <div data-prop="confirm" class="xtx-form-item">
		            <span class="iconfont icon-suo"></span>
					<span class="left_image">确认密码 ：</span>
		            <input  name="confirm" type="password" placeholder="请再次输入上面密码">
		            <span class="msg"></span>
		          </div>
		          <div class="xtx-form-item pl50">
		            <input type="checkbox" class="button_qr" id="custom-checkbox" />
		            <label class="custom-checkbox" for="custom-checkbox"></label>
		            <i class="iconfont icon-queren"></i>
		            已阅读并同意<i>《用户服务协议》</i>
		          </div>
		          <div class="xtx-form-item">
		            <button class="submit" disabled >
						下一步
						<!-- <a href="./登录界面.html">下一步</a> -->
					</button>
		            <!-- <a class="submit" href="javascript:;">下一步</a> -->
		          </div>
		        </form>
		      </div>
		    </div>
			<script src="js/alert.js"></script>
			<script src="./js/注册.js"> </script>
			<script>
				
			</script>
	</body>
</html>